<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/head_daohang.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 主要布局范围 -->
    <div class="main">
        <!-- 点击悬浮窗 -->
        <div class="float-windows"> 
            <div class="float-click" id="f1">
                <div class="back"></div>
                <p><br><br></p>
                <h2>还车券权益说明：</h2>
                <li>1. 还车后可获得一张还车券，下一张订单可用，具体请见优惠券规则；</li>
                <li>2. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
                <li>3. 仅限一嗨国内自驾业务使用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f2">
                <div class="back"></div>
                <p><br><br></p>
                <h2>生日优惠权益说明：</h2>
                <li>1. 会员生日当天，根据其当天会员卡级可获得生日优惠券：普卡会员可享50元生日优惠券，金卡会员可享100元生日优惠券，白金卡会员可享200元生日优惠券，钻石卡会员可享300元生日优惠券；</li>
                <li>2. 生日优惠使用有效期为生日之日起60天有效；</li>
                <li>3. 仅对车辆租赁费及门店服务费部分进行减免，其他费用正常收取；</li>
                <li>4. 一年内仅可享受一次生日优惠，生日优惠券发放后不予退、换、延期，不可与其他优惠同享，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
                <li>5. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
                <li>6. 仅限一嗨国内自驾业务可用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f3">
                <div class="back"></div>
                <p><br><br></p>
                <h2>会员积分权益说明：</h2>
                <li>1. 会员等级越高，根据实际消费金额获取积分的比例越高，具体为：普卡1:1，金卡1:1.5，白金卡1:2，钻石卡1:2.5；</li>
                <li>2. 积分可在一嗨积分商城中兑换道具和礼品，也可抵扣自驾订单租金；</li>
                <li>3. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
                <li>4. 仅限一嗨国内自驾业务可用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f4">
                <div class="back"></div>
                <p><br><br></p>
                <h2>免费车型升级权益说明：</h2>
                <li>1. 仅支持租期7天及以内的订单使用，最高可省700元，单天最高可省100元；</li>
                <li>2. 可升级车型以系统提供可选车型为准；</li>
                <li>3. 升级后的基本保障服务费、车辆押金可能发生变化，以费用明细中显示的金额为准；</li>
                <li>4. 升级后修改订单可能会使优惠金额发生变化，以系统实际显示为准；</li>
                <li>5. 该权益不兑现，不找零，不可叠加使用，不与其它优惠同享；</li>
                <li>6. 仅限一嗨国内自驾业务可用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f5">
                <div class="back"></div>
                <p><br><br></p>
                <h2>免除加油服务费权益说明：</h2>
                <li>1. 钻石卡、白金卡、金卡会员专享：钻石卡有效期内可使用3次，白金卡有效期内可使用2次，金卡有效期内可使用1次；</li>
                <li>2. 还车时如需加油，只需支付油费，无需再支付加油服务费；</li>
                <li>3. 该权益不兑现，不找零，订单验证完成后不可补用，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
                <li>4. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
                <li>5. 仅限一嗨国内自驾业务使用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f6">
                <div class="back"></div>
                <p><br><br></p>
                <h2>2小时免费延时还车权益说明：</h2>
                <li>1. 钻石卡、白金卡会员专享：钻石卡有效期内可使用4次，白金卡有效期内可使用1次；</li>
                <li>2. 延时还车时间在2小时（含）之内不收取延时还车费；</li>
                <li>3. 不适用于精英车型/车型组订单、高端车型/车型组订单、续租订单，以及代金券支付订单；</li>
                <li>4. 还车时间需在还车门店营业时间内。如：预约还车时间为19:00，门店营业时间为10:00-20:00，则最晚需在20:00前还车；</li>
                <li>5. 该权益不兑现，不找零，订单验证完成后不可补用，单笔订单仅可使用一次，不可叠加使用，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
                <li>6. 仅限一嗨国内自驾业务可用。</li>
                <p><br></p>  
            </div>
            <div class="float-click" id="f7">
                <div class="back"></div>
                <p><br><br></p>
                <h2>邀请特权权益说明：</h2>
                <li>1. 该权益仅限钻石卡用户可用，且需在使用该权益的当年有过成功的取还车订单；</li>
                <li>2. 每个钻石卡用户在钻石卡有效期内可享受5次该权益，权益使用后不予退还；</li>
                <li>3. 被邀请者的卡级需为金卡（含）及以下，且需通过邀请链接登录后方可直接升级为白金卡，享受白金卡相关权益，邀请者减少一次权益使用数；未通过邀请链接登录的则无法升级为白金卡，邀请者权益使用数不做减免；被邀请者如为金卡以上用户，通过邀请链接登录无法升级，邀请者权益使用数不做减免；</li>
                <li>4. 仅限一嗨国内自驾业务可用。</li>
                <p><br></p>  
            </div>
        </div>
        <!-- 头部导航栏 -->
        <div id="head">
            <div class="layui-col-md2">
              <div class="grid-demo">logo</div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html" class="head-hover word-1">营业网点</a></div>
            </div>
            <div class="layui-col-md1">
              <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
            </div>
            <div class="layui-col-md3">
              <div class="grid-demo head-demo1">
                <i class="login-icon"></i>
                <a href="../login/login.html"  class=" head-color">登录/注册</a>
              </div>
              <div class="tel">
                <i class="tel-icon"></i>
                  <span class="tel-num">110-119-1111</span>
              </div>
            </div>
          </div>
        <!-- 面包屑 -->
        <div class="crumbs">
            <div class="crumbs-bd">当前位置: <a href="personalCenter.html">个人中心</a> > </div>
        </div>
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-bd">
                <!-- 左侧导航栏 -->
                <div class="col-sub">
                    <ul> 
                        <div class="title">订单信息</div>
                        <li class="text"><a href="personalCenter-MyOrler.html">我的订单</a></li>
                        <li class="text"><a href="personalCenter-OtherOrler.html">他人代订</a></li>
                        <div class="title">会员信息</div>
                        <li class="text"><a href="">会员优惠</a></li>
                        <li class="text"><a href="">会员特权</a></li>
                        <li class="text"><a href="">会员积分</a></li>
                        <div class="title">我的钱包</div>
                        <li class="text"><a href="personalCenter-AccountBalance.html">账户余额</a></li>
                        <li class="text"><a href="personalCenter-Voucher.html">我的代金卷</a></li>
                        <li class="text"><a href="personalCenter-DiscountCode.html">我的优惠编码</a></li>
                        <div class="title">租赁记录</div>
                        <li class="text"><a href="personalCenter-LeaseCar.html">租赁车型</a></li>
                        <div class="title">个人资料</div>
                        <li class="text"><a href="personalCenter-UserInformation.html">用户信息</a></li>
                        <li class="text" onclick="return confirm('即将返回登录界面，确定吗？');"><a href="../login/login.html">账户注销</a></li>
                    </ul>
                </div>
                <!-- 主要信息栏 -->
                <div class="col-main">
                    <div class="user-preview">
                        <!-- 头像信息区 -->
                        <div class="ui-bfc">
                            <!-- 头像 -->
                            <div class="head-picture">
                                <img src="../images/headpicture.png" alt=""><br>
                                <a href="personalCenter-UserInformation.html">编辑我的资料</a>
                            </div>
                            <!-- 信息 -->
                            <div class="head-message">
                                <h3>欢迎您</h3>
                                <ul>
                                    <li>
                                        <span>持有卡：</span>
                                        <b>普卡</b>
                                        <em>(成长值：0)</em>
                                    </li>
                                    <li>
                                        <span>距离下次升级积分：</span> 
                                        <b>5000</b>
                                    </li>
                                    <li>
                                        <span>我的优惠编码：</span>
                                        <strong>3</strong>
                                        张
                                    </li>
                                    <li>
                                        <span>我的代金卷：</span>
                                        <strong>0</strong>
                                        张
                                    </li>
                                    <li>
                                        <span>邮箱：</span>
                                        未验证
                                    </li>
                                    <li>
                                        <span>手机：</span>
                                        已验证
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- 余额积分区 -->
                        <div class="hd">
                            <div class="hd-box">
                                <div class="box-message">
                                    <h3>可用余额</h3>
                                    <p>
                                        <span>￥</span>
                                        <label>0.00</label><br>
                                        <a href="personalCenter-AccountBalance.html">我要充值</a>
                                    </p>
                                </div>
                            </div>
                            <div class="hd-box">
                                <div class="box-message">
                                    <h3>可用积分</h3>
                                    <p>
                                        <label>0</label>
                                        <span>分</span><br>
                                        <a href="">去会员商城</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 您的权益 -->
                    <div class="privilege-box">
                        <b class="biaoti">您的权益</b>
                        <div class="privilege-info">
                            <ul>
                                <li>
                                    <img src="../images/huanchejuan.png" class="i1">
                                    <p>还车券</p>
                                </li>
                                <li>
                                    <img src="../images/shengri.png" class="i2">
                                    <p>生日优惠</p>
                                </li>
                                <li>
                                    <img src="../images/huiyuanjifen.png" class="i3">
                                    <p>会员积分</p>
                                </li>
                                <li>
                                    <img src="../images/shengji.png" class="i4">
                                    <p>车型升级</p>
                                </li>
                                <li>
                                    <img src="../images/mianchujiayou.png" class="i5">
                                    <p>免除加油服务费</p>
                                </li>
                                <li>
                                    <img src="../images/yanshihuanche.png" class="i6">
                                    <p>2小时免费延迟还车</p>
                                </li>
                                <li>
                                    <img src="../images/yaoqin.png" class="i7">
                                    <p>邀请特权</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    <!-- 会员活动 -->
                    <div class="member-activity">
                        <b class="biaoti">会员专属活动</b>
                        <img src="../images/huiyuanhuodong.jpg" alt="">
                    </div>
                    <!-- 订单预览 -->
                    <div class="recent-order">
                        <div class="clearfix">
                            <b class="biaoti">最近订单</b>
                            <ul class="tab-hd">
                                <li class="afli" id="l1">预约中</li>
                                <li id="l2">租赁中</li>
                                <li id="l3">已完成</li>
                            </ul>
                        </div>
                        <div class="bd">
                            <span>您还没有正在预约的订单，现在就去订车吧！</span>
                            <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                        </div>
                        <div class="bd1">
                            <span>您还没有正在租赁的订单，现在就去订车吧！</span>
                            <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                        </div>
                        <div class="bd2">
                            <span>您还没有已经完成的订单，现在就去订车吧！</span>
                            <a href="../vehicle/vehicle_screening.html"><button>立刻预定</button></a>
                        </div>
                    </div>
                    <!-- 优惠活动 -->
                    <div class="youhui">
                        <b class="biaoti">优惠活动</b>
                    </div>
                    <!-- 温馨提示 -->
                    <div class="tip">
                        <b class="biaoti">温馨提示</b>
                        <ul>
                            <li>1、取车时请务必携带本人信用卡，本人二代有效身份证，本人有效地方驾驶证正副本。</li>
                            <li>2、可能因地区政策及车牌原因影响交通限行，请及时查看全国地区限行说明。</li>
                            <li>3、您在一嗨租车所涉及的正常消费，均可向一嗨工作人员索要消费凭证。</li>
                        </ul>
                        <div class="wait">
                            <h1>---- 敬请期待 ----</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-left">
                    <p>
                        <span>关于无忧</span> |
                        <span>移动客户端</span> |
                        <span>帮助中心</span> |
                        <span>建议专区</span> |
                        <span>联系我们</span> |
                        <span>友情连接</span> |
                        <span>投诉通道：400-821-1608</span> 
                    </p>
                    <p>
                        <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                    </p>
                </div>
                <div class="footer-right"></div>
            </div>
        </div>
    </div>
    <script src="../js/personal_center.js"></script>

</body>
</html>